.main-container {
 width: 1100px;
 height: 800px;
 border-right-style: solid;
 border-left-style: solid;
 border-bottom-style: solid;
 border-top-style: solid;
 border-right-width: 1px;
 border-left-width: 1px;
 border-bottom-width: 1px;
 border-top-width: 1px;
 border-right-color: #009999;
 border-left-color: #009999;
 border-bottom-color: #009999;
 border-top-color: #009999;
}

.box
{
  border-radius: 4px;
  float: left;
  margin: 1px;
  width: 150px;
  height: 150px;
  border-right-style: solid;
  border-left-style: solid;
  border-bottom-style: solid;
  border-top-style: solid;
  border-top-style: solid;
  border-right-width: 1px;
  border-left-width: 1px;
  border-bottom-width: 1px;
  border-top-width: 1px;
}

.box#work{
  background-image: -webkit-gradient(
    linear,
    left top,
    right bottom,
    color-stop(0.18, rgb(111,247,240)),
    color-stop(0.59, rgb(225,250,250))
);
background-image: -moz-linear-gradient(
    left top,
    rgb(111,247,240) 18%,
    rgb(225,250,250) 59%
);
}

.box#hol{
background-image: -webkit-gradient(
    linear,
    left top,
    right bottom,
    color-stop(0.18, rgb(252,151,176)),
    color-stop(0.59, rgb(250,225,229))
);
background-image: -moz-linear-gradient(
    left top,
    rgb(252,151,176) 18%,
    rgb(250,225,229) 59%
);

}
.box#other{
    background-image: -webkit-gradient(
    linear,
    left top,
    right bottom,
    color-stop(0.18, rgb(209,209,209)),
    color-stop(0.59, rgb(245,245,245))
);
background-image: -moz-linear-gradient(
    left top,
    rgb(209,209,209) 18%,
    rgb(245,245,245) 59%
);
}

.date
{
  float: right;
}

